我有一个漂亮的滚动条，它可以在Chrome和Safari最新版本中使用。是否可以使用纯CSS为IE9+创建相同类型的滚动条？CSS:.scrollbar{float:left;height:300px;background:#F5F5F5;overflow-y:scroll;margin-bottom:25px;}.scrollbar-active{min-height:450px;}#scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:#F5F5F5

我有一个漂亮的滚动条，它可以在Chrome和Safari最新版本中使用。是否可以使用纯CSS为IE9+创建相同类型的滚动条？CSS:.scrollbar{float:left;height:300px;background:#F5F5F5;overflow-y:scroll;margin-bottom:25px;}.scrollbar-active{min-height:450px;}#scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:#F5F5F5

对于iframe和滚动，我似乎遇到了与其他所有人相反的问题。我需要iframe(包含一个youtube视频)来不阻止主文档的滚动。如果我将鼠标悬停在它上面，页面将不会随着滚轮滚动，并且根据触摸设备的最新chromecanary模拟，我也无法将手指放在框架上并滚动主文档。有什么办法可以阻止吗？我的CSS如下:.GalleryVideoWrapper{position:relative;padding-bottom:56.25%;/*16:9*/padding-top:25px;height:0;width:95%;margin:auto;display:block;}.GalleryVi

对于iframe和滚动，我似乎遇到了与其他所有人相反的问题。我需要iframe(包含一个youtube视频)来不阻止主文档的滚动。如果我将鼠标悬停在它上面，页面将不会随着滚轮滚动，并且根据触摸设备的最新chromecanary模拟，我也无法将手指放在框架上并滚动主文档。有什么办法可以阻止吗？我的CSS如下:.GalleryVideoWrapper{position:relative;padding-bottom:56.25%;/*16:9*/padding-top:25px;height:0;width:95%;margin:auto;display:block;}.GalleryVi

我正在尝试为我的页面创建一个“Canvas外导航”。当导航打开时，我希望正文内容不可滚动，但如果它超出可见区域，我仍然希望能够在导航菜单内滚动。我还希望菜单打开时正文内容保持在相同位置(我找到了一个解决方案，让我在菜单打开时将position:fixed添加到正文，但是这个导致页面滚动回顶部)。$(function(){$('.menu-toggle').click(function(){$('body').toggleClass('menu-open');});});body.menu-open{overflow:hidden;/*thisdoesnotpreventscrollin

我正在尝试为我的页面创建一个“Canvas外导航”。当导航打开时，我希望正文内容不可滚动，但如果它超出可见区域，我仍然希望能够在导航菜单内滚动。我还希望菜单打开时正文内容保持在相同位置(我找到了一个解决方案，让我在菜单打开时将position:fixed添加到正文，但是这个导致页面滚动回顶部)。$(function(){$('.menu-toggle').click(function(){$('body').toggleClass('menu-open');});});body.menu-open{overflow:hidden;/*thisdoesnotpreventscrollin

现在使用此代码(以及此代码的许多变体)，但滚动轨道会变成深灰色，类似于#222222或接近此。找到很多例子，但所有例子都给出相同的结果。Opera、Chrome和Firefox显示了这个错误。如何修复？#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:transparent;}#style-3::-webkit-scrollbar{width:6px;background-color:transparent;}#style-3::-webkit-

现在使用此代码(以及此代码的许多变体)，但滚动轨道会变成深灰色，类似于#222222或接近此。找到很多例子，但所有例子都给出相同的结果。Opera、Chrome和Firefox显示了这个错误。如何修复？#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:transparent;}#style-3::-webkit-scrollbar{width:6px;background-color:transparent;}#style-3::-webkit-

Jsfiddle当我在那个滚动条外面时，我试图激活我当前的滚动条，特别是在#DivDet这是我尝试过的:$("div#DivDet").scroll(function(){//Idon'tknowwhatishouldhavehere//somethinglike$("div#scrlDiv").scroll();}); 最佳答案 听起来您想通过滚动另一个div来响应滚动。您已经确定了如何Hookscroll事件。要设置元素(另一个div)的滚动位置，您可以设置元素的scrollTop和scrollLeft值(以像素为单位)。例如，

Jsfiddle当我在那个滚动条外面时，我试图激活我当前的滚动条，特别是在#DivDet这是我尝试过的:$("div#DivDet").scroll(function(){//Idon'tknowwhatishouldhavehere//somethinglike$("div#scrlDiv").scroll();}); 最佳答案 听起来您想通过滚动另一个div来响应滚动。您已经确定了如何Hookscroll事件。要设置元素(另一个div)的滚动位置，您可以设置元素的scrollTop和scrollLeft值(以像素为单位)。例如，